<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <script>
        //全局作用域 => 全局变量
            //在当前script里面都可以访问的到
        var a = 10; //全局变量

        function fn(){
            //局部作用域 => 局部变量
            //只能在当前作用域下面才可以进行访问
            var b = 20;
            console.log(a,"A",b);
        }
        fn();
        console.log(a,"B");
        console.log(b);

        /**
         * 作用域的访问机制
         *      如果是一个局部变量,那只能在当前作用域下面进行访问
         *          如果有,那就使用
         *          如果没有,那么就去外部作用域进行查找
         *              还找不到,那就再去外部找
         *              ...
         *              is not defined
         */
    </script>
</body>
</html>